@charset "utf-8";
/* CSS Document */
body { font-family:"微软雅黑"; margin:0; padding:0; background:#ffffff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; font-weight:normal; font-size:12px;}
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none; font-family:"微软雅黑";}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}
a{ color: #333; text-decoration: none;}
a:hover{ color:#ccc;/*#d6b16b*/}
img.reimg{ transition: 0.5s transform;  transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0);-o-transform: translateZ(0);}
li:hover img.reimg,a:hover img.reimg{transform: scale(1.4, 1.4);-webkit-transform: scale(1.4, 1.4);-ms-transform: scale(1.4, 1.4);-moz-transform: scale(1.4, 1.4); -o-transition:scale(1.4, 1.4);}
.header{ position: fixed; width: 100%; left: 0; right: 0; background: rgba(0,0,0,0.77); border-bottom: 1px solid #121313; z-index: 999999;top: 0;}
.header-in{ width: 1300px; margin: 0 auto;}
.header .logo{ float: left; /*padding: 24px 0;*/ padding-top: 64px; transition: all 0.3s;}
.header .nav{ float: left; margin-left: 50px;}
.header .contact{ float: right;}
.header .chat{ float: right; padding: 66px 0 20px; transition: all 0.3s;}
/*.header .nav-item a{ display: block; font-size: 15px; color: #fff; text-decoration: none; padding: 68px 20px 20px; line-height: 43px; transition: all 0.3s;}*/
.header .nav-item{ float:left; position: relative;}
.header .nav-item a{ display: block; font-size: 15px; color: #fff; text-decoration: none; padding: 68px 18px 20px; line-height: 43px; transition: all 0.3s;} 
.header .nav-item a:hover,#nav .mainlevel a.cur{ color:#fff;text-decoration:none;background:#062723 url(../images/slide-panel_03.png) 0 0 repeat-x;}
.header .nav-item ul{ display: none; position:absolute; top: 100%; width: 100%;}
.header .nav-item .childLevel li{ background: rgba(0,0,0,0.5); width: 100%; border-bottom: 1px solid #fff;}
.header .nav-item .childLevel li a{ padding: 5px 0; display: block; text-align: center; line-height: 30px; font-size: 14px;}
.header .nav-item a:hover,.header .nav-item a.active{ background: #bf9e5b;}
.header .contact .telNum{ padding: 66px 15px 20px; float: left; border-left: 1px solid rgba(255,255,255,0.15);border-right: 1px solid rgba(255,255,255,0.15); transition: all 0.3s;}
.header .contact .telNum span{ display: block; height: 43px; line-height: 43px; padding-left: 32px; background: url(../images/icon-tel.png) left center no-repeat; font-size: 20px; color: #fff; font-family: arial;}
.header .contact .chat{ padding: 68px 15px 20px; float: left; transition: all 0.3s; position: relative;}
.header .contact .chat a {
    border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #caaa68;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 5px;
    display: block;
}
.header .contact .chat span{ display: block; height: 43px; width: 26px; background: url(../images/icon-chat.png) center no-repeat;}
.header .contact .chat .chatHover{ position: absolute; width: 212px; height: 220px; background: url(../images/chathover.png) center no-repeat; left: 50%; margin-left: -106px; bottom: -200px; display: none;}
.header .contact .chat .codeImg{ text-align: center; margin-top: 32px;}
.header .contact .chat .codeTxt{ text-align: center; color: #999; font-size: 14px; line-height: 22px; margin-top: 9px;}
.header.active .logo{ padding-top: 23px;}   
.header.active .nav-item a{ padding-top: 24px;}
.header.active .contact .telNum,.header.active .contact .chat{ padding-top: 20px;}
.footer{ background: #373d41; padding-top: 60px; padding-bottom: 128px;}
.footer .site-relative-infor{ width: 1200px; margin: 0 auto; padding-bottom: 58px; border-bottom: 1px solid #53585c;}
.footer .site-map{ float: left; overflow: hidden; margin-left: 10px;}
.footer .site-map dl{ float: left; margin-right: 80px;}
.footer .site-map dt{ font-size: 14px; line-height: 24px; color: #fff;}
.footer .site-map dd a{ font-size: 12px; line-height: 28px; color: #ccc;display: block; text-decoration: none;}
.footer .site-contact{ float: right;}
.footer .site-contact ul{ margin-bottom: 20px;}
.footer .site-contact ul:after{ content: ""; clear: both; display: block;}
.footer .site-contact li{ float: left; width: 40px; height: 40px; border-radius: 50%; background-color: #73777a; cursor: pointer; background-image: url(../images/icons.png); background-repeat: no-repeat; margin-right: 34px; transition: all 0.3s; position: relative;}
.footer .site-contact li:hover{ background-color: #cdb177;}
.footer .site-contact li .hover-content{ position: absolute; background: url(../images/border-bj.png) center no-repeat; width: 212px; height: 220px; bottom: 40px; left: 50%; margin-left: -106px; display: none;}
.footer .site-contact li:hover .hover-content{ display: block;}
.footer .site-contact .site-contact-wechat{ background-position: 0 -440px;}
.footer .site-contact .site-contact-wechat .code-img{ text-align: center; margin-top: 32px;}
.footer .site-contact .site-contact-wechat .code-txt{ text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; color: #666; margin-top: 16px;}
.footer .site-contact .site-contact-qq{ background-position: -40px -440px; margin-right: 0;}
.footer .site-contact .site-contact-qq .code-img{ text-align: center; margin-top: 30px;}
.footer .site-contact .site-contact-qq .code-txt{ text-align: center; font-size: 22px; line-height: 22px; font-family: arial; color: #cdb177; margin-top: 14px;}
.footer .site-contact .site-contact-qq a{ display: block; width: 160px; height: 38px; line-height: 38px; background: #cdb177; border-radius: 4px; text-align: center; color: #fff; font-weight: bold; margin: 0 auto; font-size: 16px; text-decoration: none; margin-top: 18px;}
.footer .site-contact .site-contact-webo{ background-position: -80px -440px;}
.footer .site-contact .site-contact-webo .code-img{ text-align: center; margin-top: 25px;}
.footer .site-contact .site-contact-webo .code-txt{ text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; color: #666; margin-top: 12px;}
.footer .site-contact .site-contact-wechat:hover{ background-position: 0 -480px;}
.footer .site-contact .site-contact-qq:hover{ background-position: -40px -480px;}
.footer .site-contact .site-contact-webo:hover{ background-position: -80px -480px;}
.footer .site-contact .photo-number{ text-align: center; font-size: 16px; line-height: 24px; color: #fff;}
.footer .site-contact .call-time{ text-align: center; font-size: 12px; line-height: 24px; color: #73777a;}
.footer .friend-links{ width: 1200px; margin: 0 auto;}
.footer .friend-links dl{ overflow: hidden; margin-top: 22px;}
.footer .friend-links dt{ float: left; width: 79px; height: 22px; background: url(../images/border.png) center no-repeat; font-size: 12px; line-height: 22px; text-align: center; color: #ccc;}
.footer .friend-links dd{ float: left;}
.footer .friend-links dd a{ display: block; font-size: 12px; color: #ccc; text-decoration: none; line-height: 22px; margin: 0 6px;}
.footer .copyright{ font-size: 12px; line-height: 16px; color: #ccc; font-weight: lighter; margin-top: 10px;}
.page-directs{ position: fixed; bottom: 50%; margin-bottom: -30px; z-index: 9999; background: #292f32; cursor: pointer;}
.pages{ text-align: center; color: #121313; font-size: 18px; margin-top: 38px;}
.pages a{ display: inline-block; border: 1px solid #d9d9d9;  border-radius: 2px; cursor: pointer; transition: all 0.3s; text-decoration: none; color: #121313;}
.pages a:hover,.pages a.cur{ background-color: #d6b16b !important; color: #fff;}
.pages a.page-number{ text-align: center; width: 64px; line-height: 38px; font-size: 18px; margin: 0 3px;}
.pages a.prev-page{ text-align: center; width: 78px; line-height: 38px; background: url(../images/icons.png) -36px -620px;}
.pages a.prev-next{ text-align: center; width: 78px; line-height: 38px; background: url(../images/icons.png) -116px -620px;}

.header-top{ position: fixed; width: 100%; top: 0; left: 0; right: 0;z-index: 99999; display: none;}

@media only screen and (max-width:640px) {
	#doyoo_monitor{ display: none !important;} 

}
a[title="站长统计"]{
	display: none !important;
}

.span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}